﻿html {
    background-color: rgba(0, 0, 0, 0.89);
}

table {
    border-collapse: collapse;
    box-shadow: 7px 9px 5px 0px #00000052;
}

td {
    border: 1px solid black;
    padding: 6px;
    transition: 0.05s;
    -webkit-transition: 0.05s;
    -moz-transition: 0.05s;
    -ms-transition: 0.05s;
    -o-transition: 0.05s;
}

    td:hover {
        color: aquamarine;
        text-shadow: 0 0 10px black;
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
    }

.container {
    align-content: center;
    margin: auto;
    color: aliceblue;
}

tbody tr:first-child {
    border: aquamarine;
    box-shadow: 0px -7px 17px #00ff3054;
}

tbody tr:nth-child(odd) {
    background-color: #4d4d4dc7;
}

tbody tr:nth-child(even) {
    background-color: #27272760;
}

.bar {
    padding: 14px;
    border-radius: 25px;
    border: 2px solid rgba(200, 202, 255, 0.45);
    background-color: #120615;
    width: fit-content;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    box-shadow: 5px 6px 12px black;
    color: #dedede;
}

    .bar .textbox {
        color: #dedede;
        background-color: #120615;
        border: none;
        border-bottom: 1px solid #b73ed6;
    }

.textbox:hover {
    border-bottom: 2px solid #b73ed6;
}

.button {
    transform: scale(1.29);
    background-color: black;
    border: 1px solid #5d5d5d;
    border-radius: 5px;
    box-shadow: inset 0px -7px #f9f9f926;
    color: #c0bffb;
    transition: 0.1s;
    transition-timing-function: cubic-bezier(0, 0.93, 0.25, 1);
    -webkit-transform: scale(1.29);
    -moz-transform: scale(1.29);
    -ms-transform: scale(1.29);
    -o-transform: scale(1.29);
}

    .button:active {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
    }

.bar a {
    color: #c9f0f9;
    text-shadow: 1px 4px 11px black;
    text-decoration: none;
    transition: 0.3s;
}

    .bar a:hover {
        background-color: #8685bb;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
